<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Customizing TreePanel</title> 
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" /> 
 
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script><script type="text/javascript">_uacct = "UA-1396058-1";urchinTracker();</script> 
 	<link rel="stylesheet" type="text/css" href="../../resources/css/xtheme-aero.css" /><!-- LIBS --> 
 	<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> 
 	<!-- ENDLIBS --> 
 
    <script type="text/javascript" src="../../ext-all.js"></script> 
 
    <script type="text/javascript" src="ColumnNodeUI.js"></script> 
    <script type="text/javascript" src="column-tree.js"></script> 
 
    <!-- Common Styles for the examples --> 
    <link rel="stylesheet" type="text/css" href="../shared/examples.css" /> 
 
    <link rel="stylesheet" type="text/css" href="column-tree.css" /> 
</head> 
<body> 
<script type="text/javascript" src="../shared/examples.js"></script><link rel="stylesheet" type="text/css" href="../lib.css" /><div id="lib-bar" class="x-layout-panel-hd"><div id="lib-bar-inner"> <span>Theme:</span>&#160;&#160;<select id="exttheme"><option value="default">Ext Blue</option><option value="gray">Gray Theme</option><option value="aero">Aero Glass Theme</option><option value="vista">Vista Dark Theme</option></select> | <span>Library:</span>&#160;&#160;<select id="extlib"><option value="ext">Ext Stand-alone</option><option value="yahoo">Yahoo! UI Utilities</option><option value="jquery">jQuery</option><option value="prototype">Prototype+Scriptaculous</option></select></div></div> 
<h1>Customizing TreePanel</h1> 
<p>This example demonstrates how you can customize a TreePanel to display basic columns.</p> 
</body> 
</html>